<template>
    <div class="box">
        <h2>Child1 - 发送数据</h2>
        <button @click="clickHandler">按钮</button>
    </div>
</template>

<script>
export default {
    name: "Child1",
    methods: {
        clickHandler() {
            this.$bus.$emit('xxxx', '我爱你')
        }
    },
    mounted() {
        // 在vue组件中,可以使用 this.$on 和 this.$emit,那么问题来了,$on 和 $emit 在哪?
        console.log('当前组件', this)
        console.log('当前组件的构造函数', this.__proto__)

    }
}
</script>

<style scoped>

</style>